<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

    <title>Document</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./jquery-3.6.0.js"></script>
</head>

<body>
    <header class="app">
        <ul>
            <li><img src="./images/new-close.png" alt=""></li>
            <li><img src="./images/logo.png" alt=""></li>
            <li><span>打开京东App</span>
                <span>购物实惠又轻松</span></li>
            <li>
                <a href="##">立即打开</a>
            </li>
        </ul>
    </header>

    <!-- 搜索框 -->
    <div class="search-warp">
        <div class="search-btn"></div>
        <div class="search-login">登录</div>
        <div class="search-middle">
            <div class="search-jd"></div>
            <div class="search-sou"></div>
            <input type="text" style="border:0px" placeholder="蓝牙鼠标">
        </div>
    </div>
    <div class="banner"><img src="./upload/banner.dpg" alt="">
    </div>
    <img src="./upload/pic11.dpg" alt="" style="width:33%"><img src="./upload/pic22.dpg" alt="" style="width:33%"><img src="./upload/pic33.dpg" alt="" style="width:33%">
    <div class="nav">
        <div><img src="./upload/nav1.webp" alt="">京东超市</div>
        <div><img src="./upload/nav2.webp" alt="">全球购</div>
        <div><img src="./upload/nav3.webp" alt="">全球购</div>
        <div><img src="./upload/nav1.webp" alt="">京东超市</div>
        <div><img src="./upload/nav2.webp" alt="">全球购</div>
        <div><img src="./upload/nav3.webp" alt="">全球购</div>
        <div><img src="./upload/nav1.webp" alt="">京东超市</div>
        <div><img src="./upload/nav2.webp" alt="">全球购</div>
        <div><img src="./upload/nav3.webp" alt="">全球购</div>
        <div><img src="./upload/nav3.webp" alt="">全球购</div>
    </div>
    <div class="goods">
        <div>
            <img src="./upload/goods1.webp" alt="">
            <div class="goods-text"><span>自营</span> vivo iqoo z3 骁龙768G 120Hz竞速屏</div>
            <div class="shop-info">
                <div class="price">￥ 1699 </div>
                <span class="goods-tag ">新品</span>
                <div class="look-like">看相似</div>
            </div>
        </div>
        <div>
            <img src="./upload/goods1.webp" alt="">
            <div class="goods-text"><span>自营</span> vivo iqoo z3 骁龙768G 120Hz竞速屏</div>
            <div class="shop-info">
                <div class="price">￥ 1699 </div>
                <span class="goods-tag ">新品</span>
                <div class="look-like">看相似</div>
            </div>
        </div>
        <div>
            <img src="./upload/goods1.webp" alt="">
            <div class="goods-text"><span>自营</span> vivo iqoo z3 骁龙768G 120Hz竞速屏</div>
            <div class="shop-info">
                <div class="price">￥ 1699 </div>
                <span class="goods-tag ">新品</span>
                <div class="look-like">看相似</div>
            </div>
        </div>
        <div>
            <img src="./upload/goods1.webp" alt="">
            <div class="goods-text"><span>自营</span> vivo iqoo z3 骁龙768G 120Hz竞速屏</div>
            <div class="shop-info">
                <div class="price">￥ 1699 </div>
                <span class="goods-tag ">新品</span>
                <div class="look-like">看相似</div>
            </div>
        </div>
        <div>
            <img src="./upload/goods1.webp" alt="">
            <div class="goods-text"><span>自营</span> vivo iqoo z3 骁龙768G 120Hz竞速屏</div>
            <div class="shop-info">
                <div class="price">￥ 1699 </div>
                <span class="goods-tag ">新品</span>
                <div class="look-like">看相似</div>
            </div>
        </div>
        <div>
            <img src="./upload/goods1.webp" alt="">
            <div class="goods-text"><span>自营</span> vivo iqoo z3 骁龙768G 120Hz竞速屏</div>
            <div class="shop-info">
                <div class="price">￥ 1699 </div>
                <span class="goods-tag ">新品</span>
                <div class="look-like">看相似</div>
            </div>
        </div>
    </div>
    <div class="br"></div>
    <div id="commonNav">
        <div class="icon-center">
            <a href="##" id="a1">
                <img src="./images/01.png" alt="">
            </a>
        </div>
        <div class="icon-center">
            <a href="##">
                <img src="./images/02.png" alt="">
            </a>
        </div>
        <div class="icon-center">
            <a href="##">
                <img src="./images/03.png" alt="">
            </a>
        </div>
        <div class="icon-center">
            <a href="##" id="a2">
                <img src="./images/04.png" alt="">
            </a>
        </div>
        <div class="icon-center">
            <a href="##" id="a3">
                <img src="./images/05.png" alt="">
            </a>
        </div>
    </div>
    <script src="./index.js"></script>
</body>

</html>